<template>
  <div class="about">
    <div class='left'>
      <AboutLeft />
    </div>
    <div  class='right'>
      <AboutRight />
    </div>
  </div>
</template>

<script>
import AboutLeft from '@/components/AboutLeft.vue';
import AboutRight from '@/components/AboutRight.vue';

export default {
  components: {
    AboutLeft,
    AboutRight,
  }
}
</script>

<style scoped lang='scss'>
  .left,.right{
    float: left;
  }
  .left{
    width:30%;
  }
  .right{
    width: 70%;
  }
</style>